/* 2018-04-09 */
.headerWrapper{
	position: fixed;
	width: 100%;
	padding: 0 80px;
	height: 80px;
	z-index: 99;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.headerWrapper .header{
	position: relative;
}
.headerWrapper .header .logo{
	float: left;
	margin-top: 16px;
}
.headerWrapper .header .logo img{
	display: block;
	height: 48px;
}
.headerWrapper .header .logo img.black{
	display: none;
}
.headerWrapper .header .headerMenu{
	float: right;
	position: relative;
	margin-top: 32px;
	width: 32px;
	height: 16px;
	cursor: pointer;
	z-index: 15;
}
.headerWrapper .header .headerMenu i{
	position: absolute;
	left: 0;
	width: 24px;
	height: 2px;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.headerWrapper .header .headerMenu i.line1{
	top: 0;
}
.headerWrapper .header .headerMenu i.line2{
	top: 7px;
}
.headerWrapper .header .headerMenu i.line3{
	bottom: 0;
}
.headerWrapper .header .headerControl{
	float: right;
	margin-right: 28px;
	margin-top: 29px;
}
.headerWrapper .header .headerControl .searchBtn{
	position: relative;
	float: left;
	margin-right: 28px;
	width: 34px;
	height: 22px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_search_white.png);
	cursor: pointer;
}
.headerWrapper .header .headerControl .searchBtn:before{
	content: '';
	width: 1px;
	height: 14px;
	background-color: #fff;
	background-color: rgba(255,255,255,.5);
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 0;
}
.headerWrapper .header .searchBar{
	position: absolute;
	top: 150%;
	right: 0;
	width: 300px;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.headerWrapper .header .searchBar.open{
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
}
.headerWrapper .header .searchBar input{
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-right: 40px;
	font-size: 14px;
	border: #03a2f2 solid 1px;
	text-indent: 10px;
}
.headerWrapper .header .searchBar .search{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_search_white.png);
	background-color: #03a2f2;
}
.headerWrapper .header .headerControl .language{
	float: left;
	overflow: hidden;
}
.headerWrapper .header .headerControl .language a{
	width: 26px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
}
.headerWrapper .header .headerControl .language a.on{
	color: #03a2f2 !important;
}
.headerWrapper .header .headerControl .language a,
.headerWrapper .header .headerControl .language span{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
}
.headerWrapper .header .headerControl .language .ch{
	margin-right: 6px;
	background-image: url(../images/flag_ch_ico.jpg);
}
.headerWrapper .header .headerControl .language .en{
	background-image: url(../images/flag_uk_ico.jpg);
}
.headerWrapper .header .headerNav{
	position: fixed;
	width: 380px;
	height: 100%;
	top: 0;
	right: -380px;
	background-color: #fff;
	z-index: 20;
	overflow-x: hidden;
	overflow-y: auto;
	transition: right ease 0.5s;
	-webkit-transition: right ease 0.5s;
	box-shadow: 2px 0 5px rgba(0,0,0,.2);
}
.headerWrapper .header .headerNav.show{
	right: 0;
}
.headerWrapper .header .headerNav .close{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 48px;
	border-bottom: #e0e0e0 solid 1px;
}
.headerWrapper .header .headerNav .close i{
	position: absolute;
	top: 16.5px;
	right: 40px;
	width: 15px;
	height: 15px;
	background: url(../images/icon_close_15.png) no-repeat center;
	cursor: pointer;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.headerWrapper .header .headerNav .close i:hover{
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
}
.headerWrapper .header .headerNav .navList{
	padding-top: 48px;
	width: 100%;
	height: 100%;
}
.headerWrapper .header .headerNav .navList li{
	position: relative;
}
.headerWrapper .header .headerNav .navList li>a{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #444;
	text-indent: 30px;
}

.headerWrapper .header .headerNav .navList li a .more{
	position: absolute;
	width: 18px;
	height: 18px;
	top: 11px;
	right: 37px;
}
.headerWrapper .header .headerNav .navList li a .more:before,
.headerWrapper .header .headerNav .navList li a .more:after{
	content: '';
	position: absolute;
	background-color: #666;
}
.headerWrapper .header .headerNav .navList li a .more:before{
	width: 100%;
	height: 2px;
	left: 0;
	top: 8px;
}
.headerWrapper .header .headerNav .navList li a .more:after{
	width: 2px;
	height: 100%;
	top: 0;
	left: 8px;
	transition: all ease 0.1s;
	-webkit-transition: all ease 0.1s;
}
.headerWrapper .header .headerNav .navList li a .more.open:after{
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
}
.headerWrapper .header .headerNav .navList li>a.active,
.headerWrapper .header .headerNav .navList li>a:hover{
	color: #008bc1;
}
.headerWrapper .header .headerNav .secondNav{
	display: none;
}
.headerWrapper .header .headerNav .secondNav li>a{
	text-indent: 53px;
	font-size: 16px;
}
.headerWrapper .header .headerNav .detailNav{
	display: none;
}
.headerWrapper .header .headerNav .detailNav dd a{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-indent: 85px;
	font-size: 0;
}
.headerWrapper .header .headerNav .detailNav dd a span{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	text-indent: 0;
	padding-right: 25px;
	background-repeat: no-repeat;
	background-position: right center;
}
.headerWrapper .header .headerNav .detailNav dd a:hover{
	background-color: #008bc1;
}
.headerWrapper .header .headerNav .detailNav dd a:hover span{
	color: #fff;
	background-image: url(../images/icon_right_white_small.png);
}

/* headerWrapper page */
.headerWrapper.pageHeader .header .logo img.white{
	display: none;
}
.headerWrapper.pageHeader .header .logo img.black{
	display: block;
}
.headerWrapper.pageHeader .header .headerMenu i{
	background-color: #03a2f2;
}
.headerWrapper.pageHeader .header .headerControl .searchBtn{
	background-image: url(../images/icon_search_blue.png);
}
.headerWrapper.pageHeader .header .headerControl .searchBtn:before{
	background-color: #03a2f2;
}


/* headerWrapper scroll */
.headerWrapper.fixed{
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.headerWrapper.fixed .header .logo img.white{
	display: none;
}
.headerWrapper.fixed .header .logo img.black{
	display: block;
}
.headerWrapper.fixed .header .headerMenu i{
	background-color: #03a2f2;
}
.headerWrapper.fixed .header .headerControl .searchBtn{
	background-image: url(../images/icon_search_blue.png);
}
.headerWrapper.fixed .header .headerControl .searchBtn:before{
	background-color: #03a2f2;
}

.headerWrapper.fixed .header .headerControl .language a,
.headerWrapper.fixed .header .headerControl .language span{
	color: #333;
}


@media screen and (max-width: 1366px){
	.headerWrapper{
		padding: 0 50px;
	}
}

@media screen and (max-width: 992px){
	.headerWrapper{
		padding: 0;
		height: 60px;
		background-color: #fff;
	}
	.headerWrapper .header{
		padding: 0 15px;
	}
	.headerWrapper .header .logo{
		margin-top: 15px;
	}
	.headerWrapper .header .logo img{
		height: 30px;
	}
	.headerWrapper .header .logo img.white{
		display: none;
	}
	.headerWrapper .header .logo img.black{
		display: block;
	}
	.headerWrapper .header .headerMenu{
		margin-top: 22px;
	}
	.headerWrapper .header .headerMenu i{
		background-color: #03a2f2;
	}
	.headerWrapper .header .headerControl{
		margin-top: 19px;
		margin-right: 15px;
	}
	.headerWrapper .header .headerControl .searchBtn{
		width: 25px;
		margin-right: 10px;
		background-image: url(../images/icon_search_blue.png);
	}
	.headerWrapper .header .headerControl .searchBtn:before{
		background-color: #03a2f2;
	}
	.headerWrapper .header .headerNav{
		width: 100%;
		right: -100%;
	}
	.headerWrapper .header .searchBar{
		width: 100%;
		top: 60px;
	}
}